<!--
 * @Author: mia.chen mia.chen@webpowerchina.com
 * @Date: 2024-01-18 11:00:01
 * @LastEditors: mia.chen mia.chen@webpowerchina.com
 * @LastEditTime: 2024-01-18 16:00:19
 * @FilePath: \learn-project\src\views\waterfallFlow\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="waterfall">
    <el-table :data="tableData" style="width: 100%">
      <el-table-column prop="name" label="用户名" width="180" />
      <el-table-column prop="age" label="用户年龄" width="180" />
      <el-table-column prop="mole" label="角色" />
    </el-table>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
const tableData = [
  {
    age: '22',
    name: 'Tom',
    mole: '管理员',
  },
  {
    age: '22',
    name: 'Tom',
    mole: '管理员',
  },
]
</script>

<style scoped>

</style>
